<template>
  <div class="pt-40">
    <div class="h-80 w-full"><Loading :show-text="false" /></div>
    <!-- The <Comment> component will only be rendered on client-side -->
    <ClientOnly>
      <Suspense>
        <HomeSwiper></HomeSwiper>
        <template #fallback>
          <Loading />
        </template>
      </Suspense>
      <!-- this component will only be rendered on client side -->
    </ClientOnly>
    <NuxtLink class="" to="/home">跳转</NuxtLink>
    {{ config.public.apiBase }}
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
const hello = ref("首页31");
const config = useRuntimeConfig();
console.log(config.public.apiBase);
// definePageMeta({
//   middleware: ["browser-check"],
//   // or middleware: 'auth'
// });
</script>
<style lang="scss" scoped>
.box {
  color: #60d659;
}
</style>
